<template>
  <div class="home app-container">
    我是主页
  </div>
</template>
<script>
import { ref, reactive, toRefs, onMounted } from "vue";

export default {
  name: "home",
  setup() {
    const state = reactive({
      tableTitle: [
        {
          name: "一次温度(℃)",
          prop: "",
          child: [
            {
              prop: "一供温度",
              name: "供温",
            },
            {
              prop: "一回温度",
              name: "回温",
            },
          ],
        },
        {
          name: "一次压力(Mpa)",
          prop: "",
          child: [
            {
              prop: "一供压力",
              name: "供压",
            },
            {
              prop: "一回压力",
              name: "回压",
            },
          ],
        },
        {
          name: "二次温度(℃)",
          prop: "",
          child: [
            {
              prop: "二供温度",
              name: "供温",
            },
            {
              prop: "二回温度",
              name: "回温",
            },
          ],
        },
        {
          name: "二次压力(Mpa)",
          prop: "",
          child: [
            {
              prop: "二供压力",
              name: "供压",
            },
            {
              prop: "二回压力",
              name: "回压",
            },
          ],
        },

        {
          prop: "一次压差(Mpa)",
          name: "一次压差(Mpa)",
        },

        {
          prop: "二次温差(℃)",
          name: "二次温差(℃)",
        },
        {
          prop: "二次压差(Mpa)",
          name: "二次压差(Mpa)",
        },
        {
          prop: "一次温差(℃)",
          name: "一次温差(℃)",
        },
      ],

      selectedArr: [
        "一供温度",
        "一回温度",
        "一供压力",
        "一回压力",
        "一次压差(Mpa)",
      ],
    });

    onMounted(() => {});

    return {
      ...toRefs(state),
    };
  },
};
</script>

<style lang="less" scoped></style>
